<template>
    <fieldset>
        <legend>产品列表</legend>
        <ul>
            <li v-for="item in list" :key="item._id">
                <router-link :to="{path:`/detail/${item.productId}`}">
                {{item.productName}}
                </router-link>
            </li>
        </ul>
    </fieldset>
</template>

<script>
// 请求列表数据
// 渲染列表数据
// 点击列表数据进行跳转

export default {
    data(){
        return{
            list:[]
        }
    },
    mounted(){
        fetch("http://chst.vip:1234/api/getmoneyctrl")
        .then(body => body.json())
        .then(res => {
            console.log(res)
            this.list =res.result
        })
    }
}
</script>
